::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
  }
  ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
  }
  ::selection {
    background-color: #1eab6a;
    color: #fff;
  }
  ::-moz-selection {
    background-color: #1eab6a;
    color: #fff;
  }
  ::-webkit-selection {
    background-color: #1eab6a;
    color: #fff;
  }
  * {
    padding: 0;
    margin: 0;
  }
  body {
    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
    color: #333;box-sizing: border-box !important;
    margin: 0;
    line-height: 1.5;
    
  }
  *:before,
  *:after {
    box-sizing: border-box;
  }
  :focus {
    outline: 1;
  }
  article,
  aside,
  canvas,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  summary {
    display: block;
  }
  a {
    color: #333;
    text-decoration: none;
  }
  a:link,
  a:hover,
  a:active,
  a:visited {
    text-decoration: none;
  }
  ins {
    background-color: #1eab6a;
    color: #000;
    text-decoration: none;
  }
  mark {
    background-color: #1eab6a;
    color: #000;
    font-style: italic;
    font-weight: bold;
  }
  del {
    text-decoration: line-through;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
  }
  input,
  select {
    vertical-align: middle;
  }
  li,
  ul {
    list-style-type: none;
  }
  img {
    border: none;
  }
  input,
  textarea {
    outline: 0;
    border: 0;
    resize: none;
    font-size: 14px;
    font-family: 'Microsoft YaHei', arial, helvetica;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  dl,
  dd,
  dt,
  i,
  em {
    font-weight: normal;
    font-style: normal;
  }
  html {
    cursor: url(../images/cur.png), default;
  }
  a {
    cursor: url(../images/Acur.png), default;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  textarea {
    animation: animated 1s infinite;
    -moz-animation: animated 1s infinite;
    -webkit-animation: animated 1s infinite;
    -o-animation: animated 1s infinite;
  }
  input[type="text"] {
    animation: animated 1s infinite;
    -moz-animation: animated 1s infinite;
    -webkit-animation: animated 1s infinite;
    -o-animation: animated 1s infinite;
  }
  input[type="button"] {
    cursor: url(../images/Acur.png), default !important;
  }
  input,
  button {
    outline: none;
  }
  @keyframes animated {
    0% {
      cursor: url('../images/Pcuro1.png'), auto;
    }
    8.8% {
      cursor: url('../images/Pcuro2.png'), auto;
    }
    17.6% {
      cursor: url('../images/Pcuro3.png'), auto;
    }
    26.4% {
      cursor: url('../images/Pcuro4.png'), auto;
    }
    35.2% {
      cursor: url('../images/Pcuro5.png'), auto;
    }
    44% {
      cursor: url('../images/Pcuro6.png'), auto;
    }
    52.8% {
      cursor: url('../images/Pcuro7.png'), auto;
    }
    61.6% {
      cursor: url('../images/Pcuro8.png'), auto;
    }
    70.4% {
      cursor: url('../images/Pcuro9.png'), auto;
    }
    79.2% {
      cursor: url('../images/Pcuro10.png'), auto;
    }
    88% {
      cursor: url('../images/Pcuro11.png'), auto;
    }
    100% {
      cursor: url('../images/Pcuro12.png'), auto;
    }
  }
  .wjdh-message * {
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .inContent {
    width: 1300px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .inContent:after {
    content: "";
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
  }
  .inContent * {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  body {
    max-width: 1920px;
    min-width: 1300px;
    overflow-x: hidden;
  }
  .button {
    --duration: 0.5s;
    --move-hover: -5px;
    cursor: pointer;
    -webkit-transform: translateY(var(--y));
    transform: translateY(var(--y));
    transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
    transition: transform var(--duration) ease, box-shadow var(--duration) ease;
    transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
  }
  .clear{clear: both;margin:0;width: 100%;}
  .button span {
    display: inline-block;
  }
  .button span i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
  }
  .button span i:nth-child(1) {
    --d: 0.05s;
  }
  .button span i:nth-child(2) {
    --d: 0.1s;
  }
  .button span i:nth-child(3) {
    --d: 0.15s;
  }
  .button span i:nth-child(4) {
    --d: 0.2s;
  }
  .button span i:nth-child(5) {
    --d: 0.25s;
  }
  .button span i:nth-child(6) {
    --d: 0.3s;
  }
  .button span i:nth-child(7) {
    --d: 0.35s;
  }
  .button span i:nth-child(8) {
    --d: 0.4s;
  }
  .button span i:nth-child(9) {
    --d: 0.45s;
  }
  .button span i:nth-child(10) {
    --d: 0.5s;
  }
  .button span i:nth-child(11) {
    --d: 0.55s;
  }
  .button span i:nth-child(12) {
    --d: 0.6s;
  }
  .button span i:nth-child(13) {
    --d: 0.65s;
  }
  .button span i:nth-child(14) {
    --d: 0.7s;
  }
  .button span i:nth-child(15) {
    --d: 0.75s;
  }
  .button span i:nth-child(16) {
    --d: 0.8s;
  }
  .button span i:nth-child(17) {
    --d: 0.85s;
  }
  .button span i:nth-child(18) {
    --d: 0.9s;
  }
  .button span i:nth-child(19) {
    --d: 0.95s;
  }
  .button span i:nth-child(20) {
    --d: 1s;
  }
  .button:hover {
    --move: -5px;
  }
  .button:hover i {
    -webkit-animation: move var(--duration) linear var(--d);
    animation: move var(--duration) linear var(--d);
  }
  @-webkit-keyframes move {
    40% {
      -webkit-transform: translateY(var(--move));
      transform: translateY(var(--move));
    }
  }
  @keyframes move {
    40% {
      -webkit-transform: translateY(var(--move));
      transform: translateY(var(--move));
    }
  }
  @keyframes msClock2 {
    0%,
    70%,
    100% {
      transform: rotate(0) scale(1);
    }
    10%,
    30% {
      transform: rotate(-15deg) scale(1);
    }
    20%,
    40% {
      transform: rotate(15deg) scale(1);
    }
  }